<template>
  <div>
    <Header></Header>
    <section
      data-test="page-section"
      data-section-theme="black"
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle has-background black"
      data-section-id="607bf9c9a79f9205b0d3ea7b"
      data-controller="SectionWrapperController"
      data-animation="none"
      data-controllers-bound="SectionWrapperController"
      style="padding-top: 267.656px"
      data-active="true"
    >
      <div class="section-border">
        <div class="section-background" style="top: 267.656px">
          <!-- <img alt=""  src="../../assets/imgs/2.jpg" width="700" height="525" sizes="(max-width: 799px) 200vw, 100vw" style="display:block;object-position: 21.498886675260753% 66.0051566528635%" fetchpriority="high" loading="eager" decoding="async" data-loader="sqs"> -->
          <div class="section-background-overlay" style="opacity: 0.08"></div>
        </div>
      </div>
    </section>

    <section
      data-test="page-section"
      data-section-theme=""
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle"
    >
      <div class="content-wrapper">
        <div class="content">
          <div class="row sqs-row">
            <div class="col sqs-col-12 span-12">
              <div class="link-box">
                <router-link class="link-1" to="/productsmenu"
                  >Full Product Menu</router-link
                >
              </div>
              <div class="img-box">
                <img
                  data-stretch="false"
                  data-src="../../assets/imgs/wcxy.png"
                  data-image="../../assets/imgs/wcxy.png"
                  data-image-dimensions="390x230"
                  data-image-focal-point="0.5,0.5"
                  alt="wcxy.png"
                  data-load="false"
                  elementtiming="system-image-block"
                  src="../../assets/imgs/wcxy.png"
                  width="390"
                  height="230"
                  sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 100vw"
                  style="
                    display: block;
                    object-fit: cover;
                    width: 100%;
                    height: 100%;
                    object-position: 50% 50%;
                  "
                  onload='this.classList.add("loaded")'
                  srcset="
                    ../../assets/imgs/wcxy.png?format=100w   100w,
                    ../../assets/imgs/wcxy.png?format=300w   300w,
                    ../../assets/imgs/wcxy.png?format=500w   500w,
                    ../../assets/imgs/wcxy.png?format=750w   750w,
                    ../../assets/imgs/wcxy.png?format=1000w 1000w,
                    ../../assets/imgs/wcxy.png?format=1500w 1500w,
                    ../../assets/imgs/wcxy.png?format=2500w 2500w
                  "
                  loading="lazy"
                  decoding="async"
                  data-loader="sqs"
                  class="loaded"
                />
              </div>
              <div class="tip1-botm">
                <h3>Blood Glucose Meter</h3>
              </div>
              <div class="tip2">
                <p>
                  Quick, non-invasive measurement of blood glucose, the user
                  puts his finger into the device, and can easily measure and
                  prompt the blood glucose concentration through the quality
                  inspection of capillary tissue (except the thumb). It can be
                  used with or without whole blood.
                </p>
              </div>
              <div class="tip2">
                <p>
                  The non-invasive blood glucose meter mainly uses the light
                  emitted by the diode to illuminate the fingertip and is
                  partially absorbed, and then detects the remaining light
                  signal, and then the processor calculates the correlation
                  between the light signal and blood sugar, and calculates the
                  blood sugar concentration.
                </p>
              </div>
              <div class="tip1">
                <p><strong>Product advantages:</strong></p>
              </div>
              <div class="tip2">
                <p>
                  High accuracy: non-invasive blood glucose meter detects blood
                  glucose with high accuracy
                </p>
              </div>
              <div class="tip2">
                <p>
                  Short test time: Most blood glucose meter test time is about
                  ten seconds, or even a few seconds.
                </p>
              </div>
              <div class="tip2">
                <p>
                  Memory function: The non-invasive blood glucose meter has a
                  selective memory function to check past blood glucose
                  conditions.
                </p>
              </div>
              <div class="tip2">
                <p>
                  Simple operation: Choose a blood glucose meter with fewer
                  operating steps and lower requirements for the operator, and a
                  blood glucose meter that can be used easily and freely with a
                  little training.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <Footer></Footer>
  </div>
</template>
<script>
import Header from "../../components/header.vue";
import Footer from "../../components/footer.vue";
export default {
  components: {
    Header,
    Footer,
  },
};
</script>
<style scoped>
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h1 {
    /* font-size: calc((4 - 2)* 1.2vw + 1rem); */
  }
  h2 {
    font-size: calc(1.8 * 1.2vw + 1rem);
  }
  .h1-1 {
    font-size: calc((4 - 1) * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 768px) {
  .content {
    width: 75%;
    word-break: break-word;
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h3 {
    font-size: calc(1.1 * 1.2vw + 1rem);
  }
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-section.section-height--medium:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: 33vh;
}
.section-background {
  overflow: hidden;
  pointer-events: none;
}
.page-section.background-width--inset:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  padding-top: 4vw;
  padding-right: 4vw;
  padding-bottom: 4vw;
  padding-left: 4vw;
}
.section-background,
.section-background .section-background-content,
.section-background .section-background-canvas,
.section-background .section-background-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.background-width--inset:not(.content-collection):not(.gallery-section):not(
    .user-items-list-section
  )
  .section-background {
  top: 4vw;
  right: 4vw;
  bottom: 4vw;
  left: 4vw;
  /* position: absolute; */
}
.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) {
  clear: both;
}
.sqs-row::before,
.sqs-row::after {
  content: "";
  display: block;
  clear: both;
}
.sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3),
.sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) {
  word-wrap: break-word;
}
.sqs-block {
  padding: 0 17px;
}
.tradiTip1 {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  width: 70%;
  left: 20%;
}
.section-background img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.section-background img {
  position: relative;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
h1 {
  color: #fff;
}
h1 {
  text-align: center;
  white-space: pre-wrap;
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.32s;
}
.h2-1 {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
}
.page-section.vertical-alignment--middle:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section):not(.editmode-changing-rowcount) {
  align-items: center;
}
.page-section.section-height--small:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: inherit;
}
.sqs-col-12 {
  width: 100%;
}
.link-box {
  padding-bottom: 17px;
}
.link-1 {
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #000;
  font-size: 14px;
}
.img-box {
  max-width: 390px;
  margin: 0 auto;
}
.tip1-botm {
  padding-bottom: 17px;
  text-align: center;
}
.tip1-botm h3 {
  font-weight: 500;
}
.tip1 h3 {
  margin-bottom: 0;
  text-align: center;
}
.tip2 {
  /* padding-bottom: 17px; */
  word-wrap: break-word;
  color: #333;
  font-family: poppins;
  font-weight: 300;
  line-height: 30px;
}
.tip3 p {
  margin: 17px 0;
  color: rgb(0, 36, 82);
}
.h3Css {
  padding-bottom: 0;
}
.h3Css h3 {
  text-align: left;
}
</style>
